@charset "utf-8";
@function p($px) {
    @return $px/2*1px;
}

//ip4
@media only screen and (max-height:480px) {
    body {
        .indexM {
            transform: scale(0.9);
            .logo {
                margin-top: p(64);
            }
            .title {
                .tit1 {
                    margin-top: p(30);
                }
            }
            .ren {
                margin-top: p(64);
            }
            .yueqiu {
                top: p(530);
            }
            .miyue {
                top: p(627);
            }
            .qizhi {
                top: p(880);
            }
            .whatgui {
                top: p(636);
            }
            .taizifei {
                top: p(866);
            }
            .yun-3 {
                top: p(514);
            }
            .yun-4 {
                top: p(579);
            }
            .yun-5 {
                top: p(604);
            }
        }
    }
}

// IP5
@media only screen and (min-height:568px) and (max-height:666px) {
    body {
        .indexM {
            height: 100%;
            .logo {
                margin-top: p(0);
            }
            .title {
                .tit1 {
                    margin: p(20)auto 0;
                }
            }
            .ren {
                transform: scale(1);
                margin-top: p(110);
            }
            .btn {
                margin-top: p(10);
            }
          
        }
    }
}

// IP6
@media only screen and (min-height:667px) and (max-height:735px) {
    body {
        .indexM {
            transform: scale(1.1);
            .logo {
                margin-top: p(10);
                margin-left: p(110);
            }
            .title {
                .tit1 {
                    margin-top: p(40);
                }
            }
            .ren {
                margin-top: p(120);
            }
            .btn {
                margin-top: p(40);
            }
            .yueqiu {
                top: p(640);
                right: p(180);
            }
            .miyue {
                top: p(740);
                left: p(100);
            }
            .qizhi {
                top: p(1004);
                left: p(120);
            }
            .whatgui {
                top: p(750);
                right: p(100);
            }
            .taizifei {
                top: p(986);
                right: p(100);
            }
            .yun-1 {
                top: p(480);
            }
            .yun-2 {
                top: p(510);
            }
            .yun-3 {
                top: p(620);
            }
            .yun-4 {
                top: p(670);
            }
            .yun-5 {
                top: p(716);
            }
        }
    }
}

// IP6PL
@media only screen and (min-height:736px) {
    body {
        .indexM {
            transform: scale(1.2);
            .logo {
                margin-top: p(0);
                margin-left: p(136);
            }
            .title {
                .tit1 {
                    margin-top: p(50);
                }
            }
            .ren {
                margin-top: p(110);
            }
            .btn {
                margin-top: p(40);
            }
            .yueqiu{
                top: p(724);
                right: p(210);
            }
            .miyue {
                top: p(812);
                left: p(130);
            }
            .qizhi {
                top: p(1076);
                left: p(160);
            }
            .whatgui {
                top: p(852);
                right: p(136);
            }
            .taizifei {
                top: p(1052);
                right: p(154);
            }
            .yun-1 {
                top: p(554);
                left: p(120);
            }
            .yun-2 {
                top: p(590);
                right: p(126);
            }
            .yun-3 {
                top: p(700);
                right: p(220);
            }
            .yun-4 {
                top: p(766);
                right: p(110);
            }
            .yun-5 {
                top: p(800);
                right: p(224);
            }

        }
    }
}